<!DOCTYPE HTML>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="maximum-scale=1.0, minimum-scale=1.0, user-scalable=0, initial-scale=1.0, width=device-width" />
		<meta name="format-detection" content="telephone=no, email=no, date=no, address=no">
		<title>评分</title>
		<link rel="stylesheet" type="text/css" href="../../lib/api.css" />
		<link rel="stylesheet" type="text/css" href="../../lib/font-awesome.min.css" />
		<link rel="stylesheet" type="text/css" href="../../css/common.css" />
		<link rel="stylesheet" type="text/css" href="../../css/course/previousClasses.css"/>
		<link rel="stylesheet" type="text/css" href="../../css/svg.css"/>
	</head>

	<body>
		<div id="app" v-cloak>
			<div class="main">
				<div class="score-one">
					<div class="score-one-c" @click="selectId(1)" :class="{active: select_id == 1}">
						<img v-if="select_id == 1" class="score-one-svg" src="../../lib/svg/class/good.svg"/>
						<img v-else class="score-one-svg" src="../../lib/svg/class/good_black.svg"/>
						<span class="score-one-top-span">好评</span>
					</div>
					<div class="score-one-c" @click="selectId(2)" :class="{active: select_id == 2}">
						<img v-if="select_id == 2" class="score-one-svg" src="../../lib/svg/class/mid.svg"/>
						<img v-else class="score-one-svg" src="../../lib/svg/class/mid_black.svg"/>
						<span class="score-one-top-span">中评</span>
					</div>
					<div class="score-one-c" @click="selectId(3)" :class="{active: select_id == 3}">
						<img v-if="select_id == 3" class="score-one-svg" src="../../lib/svg/class/bad.svg"/>
						<img v-else class="score-one-svg" src="../../lib/svg/class/bad_black.svg"/>
						<span class="score-one-top-span">差评</span>
					</div>
				</div>
				<ul class="score-one">
					<li class="score-one-c" :id="(item.id)" name="tip" v-for="item in tipList" v-on:click="choose(item.id)">
						{{item.name}}
					</li>
				</ul>
				<textarea class="score-textarea" placeholder="请输入你的内容" v-model="content">
					
				</textarea>
				<div class="score-btn-div">
					<span class="score-btn" @click="submitScore">提交</span>
				</div>
				<!--评论列表S-->
				<ul class="evaluation-ul">
					<li class="evaluation-li" v-for="item in scoreList" @click="showThis(item.id)">
						<div class="evaluation-li-head">
							<img class="evaluation-li-img" :src="path+(item.avatar_path)+(item.avatar)" />
							<span class="evaluation-li-nam">{{item.nickname}}</span>
							<div class="evaluation-li-time">
								<i class="fa fa-clock-o evaluation-li-i"></i>
								<span class="evaluation-li-time-span">{{item.created_at}}</span>
							</div>
							<div class="clear"></div>
						</div>
						<div class="evaluation-li-main" v-html="item.content"></div>
					</li>
				</ul>
				<!--评论列表E-->
			</div>
		</div>
	</body>
	<script src="../../script/api.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../script/vue.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../script/common/config.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../script/common/jquery.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../script/course/curriculumScoring.js" type="text/javascript" charset="utf-8"></script>

</html>